<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--     th:class="${'header-wrapper-'+color}"-->
</head>
<body>
<!-- Start of Header -->
<div class="header-wrapper" id="header-wrapper">

    <link th:if="${color == 'red'}" th:href="@{css/main-red.css}" rel="stylesheet" type="text/css" />
<!--    <link th:if="${color == 'blue'}" th:href="@{css/main-blue.css}" rel="stylesheet" type="text/css" />-->
<!--    <link th:if="${color == 'green'}" th:href="@{css/main-green.css}" rel="stylesheet" type="text/css" />-->
<!--    <link th:if="${color == 'default'}" th:href="@{css/main5152.css.css}" rel="stylesheet" type="text/css" />-->

    <header>
        <div class="container">
            <div class="logo-container">
                <!-- Website Logo -->
                <a href="index-2.html" title="论坛标题"> <img src="images/logo.png" alt="论坛标题"> </a>
                <span class="tag-line">标语不知道咋写</span>
            </div>
            <!-- Start of Main Navigation -->
            <nav class="main-nav">
                <div class="menu-top-menu-container">
                    <ul id="menu-top-menu" class="clearfix">
                        <li th:class="${activeUri=='index-2'?'current-menu-item':''}"><a href="index-2.html">首页1</a></li>
                        <li th:class="${activeUri=='home-categories-description'?'current-menu-item':''}" ><a href="home-categories-description.html">首页2</a></li>
                        <li th:class="${activeUri=='articles-list'?'current-menu-item':''}" class="current-menu-item"><a href="articles-list.html">主页</a></li>
                        <li th:class="${activeUri=='faq'?'current-menu-item':''}"><a href="faq.html">问答</a></li>
<!--                        <li><a href="#">页面样式</a>-->
<!--                            <ul class="sub-menu" style="display: none;">-->
<!--&lt;!&ndash;                                class="current-menu-item"&ndash;&gt;-->
<!--                                <li><a th:href="@{test}">Blue Skin</a></li>-->
<!--                                <li><a th:href="@{test}">Green Skin</a></li>-->
<!--                                <li><a th:href="@{test}">Red Skin</a></li>-->
<!--                                <li><a th:href="@{test}">Default Skin</a></li>-->
<!--                            </ul>-->
<!--                        </li>-->
<!--                        <li th:class="${activeUri=='contact'?'current-menu-item':''}"><a href="contact.html">Contact</a></li>-->
                        <li>
                            <a th:if="${session.username==null}" href="login.html">登陆</a>
                            <a th:if="${session.username!=null}" href="">[[${session.username}]]</a>
                            <ul th:if="${session.username!=null}" class="sub-menu" style="display: none;">
                                <!--class="current-menu-item" 子菜单选择-->
                                <li><a href="#">个人中心</a></li>
                                <li><a href="#">账号</a></li>
                                <li><a href="#">等级</a></li>
                                <li><a href="#">个人设置</a></li>
                                <li><a href="#">注销</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </nav>
            <!-- End of Main Navigation -->
        </div>
    </header>
</div>
<!-- End of Header -->
<!-- Start of Search Wrapper -->
<div class="search-area-wrapper" id="search-area-wrapper">

    <div class="search-area container">
        <h3 class="search-header">是否有一个疑问？</h3>
        <p class="search-tag-line">如果你有任何问题，你可以问下面或输入你正在寻找!</p>
        <form id="search-form" class="search-form clearfix" method="get" action="#" autocomplete="off">
            <input class="search-term required" type="text" id="s" name="s" placeholder="在这里输入你的搜索词" title="* Please enter a search term!">
            <input class="search-btn" type="submit" value="搜寻">
            <div id="search-error-container"></div>
        </form>
    </div>
</div>
<!-- End of Search Wrapper -->
<!-- Start of Page Container -->
</body>
</html>